<template>
    <div class="service-flow">
        <div class="service-flow-title" v-text="serviceFlow.title"></div>
        <div class="service-flow-main">
            <img :src="serviceFlow.img">
        </div>
    </div>
</template>

<script>

export default {
  name: 'serviceFlow',
  data() {
    return{
        
    }
  },
  props: {
    serviceFlow: {
      title: String,
      img: String
    }
  },
  created(){
  },
  methods: {
    
  }
}
</script>

<style lang="stylus" scoped>
.service-flow{
  background:rgba(255,255,255,1);
  box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
  margin-bottom: 20px;  
}
.service-flow-title{
    box-sizing: border-box;
    font-size:16px;
    color:rgba(30,30,30,1);
    padding-left: 30px;
    line-height:58px;
    border-bottom: 1px solid rgba(238,238,238,1);
}
.service-flow-main{
    padding: 40px 30px;
    img{
        // height: 275px;
        width: 100%;
    }
}
// .service-flow-content{
//     height: 275px;
//     background-image: url('/static/img/flow/service_flow.png');
//     background-repeat: no-repeat;
//     background-size: 100% 100%;
// }
</style>
